<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
	</head>
	<body>
		<!-- 超文本链接：实现页面的跳转【6种】
		 超文本链接元素： <a href="属性值特殊"></a>
		 必须属性  ：href=相对路径+文件全称
		 超链接跳转方式：
		 ①跳转至本地页面：相对路径+文件全称
		 ②跳转至本页：#  占位符
		 ③跳转至互联网页面：http://www.baidu.com
		 ④实现下载：相对路径+压缩文件
		 ⑤跳转至邮箱  mailto:2208328821@qq.com   软件foxmail
		 ⑥跳转至JS：javascript:alert("欢迎学习JS")
		 target属性：跳转打开方式
		     属性值：_self默认  在当前窗口打开
			        _blank  在新窗口打开
					_top    在顶级窗口打开
					_parent  在父级窗口打开
		 -->
		<a href="javascript:alert('欢迎学习JS')">3.跳转至JS</a><br>
		 <a href="mailto:2208328821@qq.com">6.跳转至邮箱</a><br>
		 <a href="1.zip">5.下载</a><br>
		 <a href="http://www.baidu.com"target"_blank>4.百度一下，你就知道</a><br>
		 <a href="#">1.跳转至本页</a><br>
		 <a href="大风车.html">2.跳转到大风车页面</a>
		 
		 <!-- 锚点的步骤：1.定义锚点，2.锚点距离，3.锚点位 -->
		 <h2>锚点技术</h2>
		 <!-- 1.定义锚点  人拿个绳子 -->
		 <a href="#abc">人</a>
		 <!-- 2.锚点距离：设定高度为1000px -->
		 <div style="height:1000px"></div>
		 <!-- 3.锚点位定义
		        超链接属性：name用于传参【前台传后台】
		  -->
		  <a name="abc"><img src="img/1.png" alt="猫和老鼠" /></a>
	</body>
</html>